/**
 * Styles for the standard template
 */

html {
    min-height: 100%;
    overflow-x: hidden;
}

body {
    background: none repeat scroll 0 0 #03406A;
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    min-height: 100%;
}

textarea, input {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/**************** Generic classes ***************/
h2.bigger, h3.bigger,
h2.big, h3.big {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

/******************* Columns ********************/
.columns {
    margin-bottom: 1.667em;
    position: relative;
}

    .columns:last-child {
        margin-bottom: 0;
    }
    /** IE class **/
    .columns.last-child {
        margin-bottom: 0;
    }

/* 2 columns */
.colx2-left {
    width: 48%;
    float: left;
    margin-bottom: 0;
}

.colx2-right {
    width: 48%;
    float: right;
    margin-bottom: 0;
}

/* 3 columns */
.colx3-left {
    width: 31%;
    float: left;
    margin-bottom: 0;
}

.colx3-left-double {
    width: 65.5%;
    float: left;
    margin-bottom: 0;
}

.colx3-center {
    width: 31%;
    float: left;
    margin-left: 3.5%;
    margin-bottom: 0;
}

.colx3-right {
    width: 31%;
    float: right;
    margin-bottom: 0;
}

.colx3-right-double {
    width: 65.5%;
    float: right;
    margin-bottom: 0;
}

/* 200px fixed-width left column */
.col200pxL-left {
    width: 200px;
    float: left;
}

.col200pxL-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 180px;
}

.col200pxL-right {
    margin-left: 200px;
}
/* 200px fixed-width right column */
.col200pxR-left {
    margin-right: 200px;
}

.col200pxR-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 180px;
}

.col200pxR-right {
    width: 200px;
    float: right;
}


/************* Button-style images **************/
.button img,
.form legend img,
.legend img,
.mini-menu img {
    margin-bottom: -4px;
}

/******************** Header ********************/
header {
    color: #666666;
    text-transform: uppercase;
    position: absolute;
    z-index: 88;
    top: 0;
    left: 0;
    width: 100%;
    white-space: nowrap;
    text-align: right;
}

    header .server-info {
        display: inline-block;
        border-top: 0;
        padding: 0 1em;
        color: white;
        background: url(../images/old-browsers-bg/server-status-bg.png) repeat-x top;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        background: -moz-linear-gradient( top, rgba(64,64,64,0.3), rgba(255,255,255,0.2) );
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(64,64,64,0.3)), to(rgba(255,255,255,0.2)) );
        margin-left: 0.5em;
        height: 2.6em;
        line-height: 2.6em;
        vertical-align: top;
        font-size: 0.833em;
        -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
        -moz-border-radius: 0 0 0.4em 0.4em;
        -webkit-border-radius: 0.4em;
        -webkit-background-clip: padding-box;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        border-radius: 0 0 0.4em 0.4em;
    }

.ie7 header .server-info {
    display: inline;
    zoom: 1;
}

#skin-name {
    display: inline-block;
    margin: 0 0.7em 0 0;
    color: #B0B0B0;
    color: rgba(255, 255, 255, 0.75);
}

.ie7 #skin-name {
    display: inline;
    zoom: 1;
}

#skin-name small {
    float: left;
    font-size: 0.75em;
    line-height: 1.111em;
    text-transform: uppercase;
    color: #B0B0B0;
    color: rgba(255, 255, 255, 0.75);
    padding-top: 0.555em;
    text-align: right;
}

#skin-name strong {
    font-size: 2em;
    line-height: 1.333em;
    margin-left: 0.167em;
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
    letter-spacing: -0.09em;
}

.ie #skin-name strong {
    padding-right: 0.083em;
}

nav {
    height: 69px;
    padding-top: 1.25em;
    background: none repeat scroll 0 0 #03406A;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5);
}

    nav > ul {
        padding-top: 4px;
        position: relative;
        z-index: 100;
    }

        nav > ul > li {
            width: 64px;
            height: 69px;
            float: left;
            background-position: center -54px;
            background-repeat: no-repeat;
        }

            nav > ul > li > a {
                display: block;
                height: 69px;
                background-repeat: no-repeat;
                background-position: 8px 14px;
                overflow: hidden;
                text-indent: 200px;
                white-space: nowrap;
                opacity: 0;
                filter: alpha(opacity=0);
                -moz-transition: opacity 2s;
                -webkit-transition: opacity 2s;
                -o-transition: opacity 2s;
                transition: opacity 2s;
            }

            nav > ul > li.home, nav > ul > li.home > a {
                background-image: url(../images/icons/home_2states.png);
            }

            nav > ul > li.write, nav > ul > li.write > a {
                background-image: url(../images/icons/write_2states.png);
            }

            nav > ul > li.comments, nav > ul > li.comments > a {
                background-image: url(../images/icons/comments_2states.png);
            }

            nav > ul > li.medias, nav > ul > li.medias > a {
                background-image: url(../images/icons/medias_2states.png);
            }

            nav > ul > li.users, nav > ul > li.users > a {
                background-image: url(../images/icons/users_2states.png);
            }

            nav > ul > li.stats, nav > ul > li.stats > a {
                background-image: url(../images/icons/stats_2states.png);
            }

            nav > ul > li.settings, nav > ul > li.settings > a {
                background-image: url(../images/icons/settings_2states.png);
            }

            nav > ul > li.backup, nav > ul > li.backup > a {
                background-image: url(../images/icons/backup_2states.png);
            }

            nav > ul > li.current {
                padding: 0 8px 13px 8px;
                margin: 0 -8px -13px -8px;
                background: url(../images/tab-bg.png) no-repeat;
            }

                nav > ul > li.current > a,
                nav > ul > li > a:hover {
                    opacity: 1;
                    filter: none;
                    -moz-transition: all 100ms;
                    -webkit-transition: all 100ms;
                    -o-transition: all 100ms;
                    transition: all 100ms;
                }

            nav > ul > li > ul {
                position: absolute;
                left: 0;
                top: 70px;
                display: none;
                padding-top: 0.333em;
                background: none;
            }

            nav > ul > li.current > ul {
                display: block;
            }

            nav > ul > li > ul > li,
            #sub-nav a.nav-button {
                display: block;
                float: left;
                height: 2.2em;
                font-size: 0.833em;
                line-height: 2.2em;
                padding: 0.1em;
                width: auto;
                background: #465a6e url(../images/old-browsers-bg/subnav-bt-border-bg.png) repeat-x;
                -webkit-background-size: 100% 100%;
                -moz-background-size: 100% 100%;
                -o-background-size: 100% 100%;
                background-size: 100% 100%;
                background: -moz-linear-gradient(top, #9faab6, #465a6e);
                background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9faab6), to(#465a6e));
                margin-right: 0.5em;
                -moz-border-radius: 0.417em;
                -webkit-border-radius: 0.417em;
                -webkit-background-clip: padding-box;
                color: white;
                text-transform: uppercase;
                -moz-box-shadow: 0 0 7px #000000;
                -webkit-box-shadow: 0 0 7px #000000;
                box-shadow: 0 0 7px #000000;
                text-decoration: none;
                -moz-transition: all 1s;
                -webkit-transition: all 1s;
                -o-transition: all 1s;
                transition: all 1s;
            }

                nav > ul > li > ul > li.current {
                    height: 3.1em;
                    line-height: 3.1em;
                    color: #333;
                    padding: 0;
                    -moz-border-radius-bottomleft: 0;
                    -moz-border-radius-bottomright: 0;
                    -webkit-border-bottom-left-radius: 0;
                    -webkit-border-bottom-right-radius: 0;
                    border-bottom-left-radius: 0;
                    border-bottom-right-radius: 0;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    background: #dadada url(../images/old-browsers-bg/subnav-current-bt-border-bg.png) repeat-x;
                    background: -moz-linear-gradient( top, white, #dadada 7%, #dadada );
                    background: -webkit-gradient( linear, left top, left bottom, from(white), to(#dadada), color-stop(0.07, #dadada) );
                }

                nav > ul > li > ul > li > a,
                #sub-nav a.nav-button > b {
                    display: block;
                    height: 2.2em;
                    line-height: 2.2em;
                    width: auto;
                    padding: 0 1em;
                    color: white;
                    text-indent: 0;
                    text-decoration: none;
                    -moz-border-radius: 0.3em;
                    -webkit-border-radius: 0.3em;
                    -webkit-background-clip: padding-box;
                    border-radius: 0.3em;
                    font-weight: normal;
                    -moz-transition: all 1s;
                    -webkit-transition: all 1s;
                    -o-transition: all 1s;
                    transition: all 1s;
                }

                nav > ul > li > ul > li > a,
                #sub-nav a.nav-button > b,
                nav > ul > li > ul > li.with-menu .menu,
                nav > ul > li > ul > li.menu-opener .menu-arrow {
                    background: none repeat scroll 0 0 #03406A;
                }

                nav > ul > li > ul > li.current > a {
                    background: none !important;
                    height: 2.8em;
                    line-height: 2.8em;
                    color: #333;
                }

                nav > ul > li > ul > li:hover,
                #sub-nav a.nav-button:hover {
                    background: #6dc0e5 url(../images/old-browsers-bg/subnav-bt-hover-border-bg.png) repeat-x;
                    -webkit-background-size: 100% 100%;
                    -moz-background-size: 100% 100%;
                    -o-background-size: 100% 100%;
                    background-size: 100% 100%;
                    background: -moz-linear-gradient(top, #cbe9f7, #6dc0e5);
                    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cbe9f7), to(#6dc0e5));
                    -moz-transition: all 100ms;
                    -webkit-transition: all 100ms;
                    -o-transition: all 100ms;
                    transition: all 100ms;
                }

                nav > ul > li > ul > li.current:hover {
                    background: #dadada url(../images/old-browsers-bg/subnav-current-bt-border-bg.png) repeat-x;
                    background: -moz-linear-gradient( top, white, #dadada 7%, #dadada );
                    background: -webkit-gradient( linear, left top, left bottom, from(white), to(#dadada), color-stop(0.07, #dadada) );
                }

                nav > ul > li > ul > li > a:hover,
                #sub-nav a.nav-button:hover > b,
                nav > ul > li > ul > li.with-menu .menu:hover,
                nav > ul > li > ul > li.menu-opener:hover .menu-arrow {
                    background: #305d79 url(../images/old-browsers-bg/subnav-bt-hover-bg.png) repeat-x !important;
                    -webkit-background-size: 100% 100%;
                    -moz-background-size: 100% 100%;
                    -o-background-size: 100% 100%;
                    background-size: 100% 100%;
                    background: -moz-linear-gradient(left, rgba(109, 192, 229, 0), rgba(109, 192, 229, 0.2) 25%, rgba(109, 192, 229, 0.4) 50%, rgba(109, 192, 229, 0.3) 75%, rgba(109, 192, 229, 0)), -moz-linear-gradient(top, #afc2cf, #537288 50%, #45667c 50%, #2c526b) !important;
                    background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(109, 192, 229, 0)), to(rgba(109, 192, 229, 0)), color-stop(.25, rgba(109, 192, 229, 0.3)), color-stop(.5, rgba(109, 192, 229, 0.4)), color-stop(.75, rgba(109, 192, 229, 0.3))), -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afc2cf), to(#2c526b), color-stop(.5, #537288), color-stop(.5, #45667c)) !important;
                    -moz-box-shadow: 0 0 7px #cbe9f7;
                    -webkit-box-shadow: 0 0 7px #cbe9f7;
                    box-shadow: 0 0 7px #cbe9f7;
                    -moz-transition: all 100ms;
                    -webkit-transition: all 100ms;
                    -o-transition: all 100ms;
                    transition: all 100ms;
                }

                nav > ul > li > ul > li.current > a:hover {
                    background: none !important;
                    color: #666;
                    -moz-box-shadow: none;
                    -webkit-box-shadow: none;
                    box-shadow: none;
                }

#sub-nav {
    height: 2.667em;
    line-height: 2.667em;
    background: none repeat scroll 0 0 #0A64A4;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    text-align: right;
    color: white;
}

    #sub-nav a.nav-button {
        float: right;
        margin: 0.417em 0 0 1em;
    }
/* IE class */
.ie7 #sub-nav a.nav-button {
    margin-top: 0.333em;
}

#status-bar {
    height: 3.25em;
    line-height: 3.167em;
    background: white url(../images/old-browsers-bg/status-bar-bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient(top, white, #dadada 6%, white 92%, #cfcfcf);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#cfcfcf), color-stop(.05, #dadada), color-stop(.92, white));
    border-bottom: 1px solid #969696;
    text-align: right;
    color: #7b7b7b;
}

#status-infos {
    float: right;
    margin-bottom: 0;
}

    #status-infos > li {
        float: left;
        margin-left: 0.5em;
        position: relative;
        z-index: 90;
    }

        #status-infos > li.spaced {
            padding-right: 0.5em;
        }

#breadcrumb {
    float: left;
    border: 1px solid;
    border-color: #0099cc #006699 #003366;
    -moz-border-radius: 0.417em;
    -webkit-border-radius: 0.417em;
    -webkit-background-clip: padding-box;
    border-radius: 0.417em;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    height: 1.75em;
    line-height: 1.5em;
    margin: 0.667em 1em 0 0;
    background: #0c5fa5 url(../images/old-browsers-bg/breadcrumb-bg.png) repeat-x;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient( top, white, #72c6e4 5%, #0c5fa5 );
    background: -webkit-gradient( linear, left top, left bottom, from(white), to(#0c5fa5), color-stop(0.05, #72c6e4) );
}

    #breadcrumb li {
        float: left;
        color: white;
        height: 1.75em;
        padding: 0.083em 1em 0 0;
        background: url(../images/breadcrumb-sep.png) no-repeat right center;
    }

        #breadcrumb li:last-child {
            padding-right: 0;
            background: none;
        }
        /* IE class */
        #breadcrumb li.last-child {
            padding-right: 0;
            background: none;
        }

        #breadcrumb li a,
        #breadcrumb li span {
            display: block;
            height: 1.667em;
            color: white;
            text-decoration: none;
            padding: 0 0.75em 0 0.667em;
            -moz-transition-duration: 1s;
            -webkit-transition-duration: 1s;
            transition-duration: 1s;
        }

            #breadcrumb li a:hover {
                background: -moz-linear-gradient(left, rgba(109, 192, 229, 0), rgba(109, 192, 229, 0.8) 25%, rgba(109, 192, 229, 1) 50%, rgba(109, 192, 229, 0.8) 75%, rgba(109, 192, 229, 0));
                background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(109, 192, 229, 0)), to(rgba(109, 192, 229, 0)), color-stop(.25, rgba(109, 192, 229, 0.8)), color-stop(.5, rgba(109, 192, 229, 1)), color-stop(.75, rgba(109, 192, 229, 0.8)));
                -moz-transition-duration: 100ms;
                -webkit-transition-duration: 100ms;
                transition-duration: 100ms;
            }

        #breadcrumb li img {
            margin-bottom: -4px;
        }

    /* Red version */
    #breadcrumb.red {
        border-color: #cc0017 #990005 #660e00;
        background: -moz-linear-gradient( top, white, #e4727e 5%, #a81e11 );
        background: -webkit-gradient( linear, left top, left bottom, from(white), to(#a81e11), color-stop(0.05, #e4727e) );
    }

        #breadcrumb.red li a:hover {
            background: -moz-linear-gradient(left, rgba(228, 114, 126, 0), rgba(228, 114, 126, 0.8) 25%, rgba(228, 114, 126, 1) 50%, rgba(228, 114, 126, 0.8) 75%, rgba(228, 114, 126, 0));
            background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(rgba(228, 114, 126, 0)), to(rgba(228, 114, 126, 0)), color-stop(.25, rgba(228, 114, 126, 0.8)), color-stop(.5, rgba(228, 114, 126, 1)), color-stop(.75, rgba(228, 114, 126, 0.8)));
        }

#header-shadow {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    height: 0.75em;
    position: absolute;
    z-index: 87;
    left: 0;
    width: 100%;
}

/***************** Result block *****************/
.result-block {
    position: absolute;
    z-index: 90;
    top: 1.667em;
    right: -0.25em;
    min-width: 20em;
    background: white;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
    padding: 1em;
    line-height: 1em;
    text-align: left;
    color: #333333;
}
/* IE class */
.ie .result-block {
    border: 1px solid #ccc;
}

#status-infos .result-block {
    top: 2.667em;
    display: none;
}

#status-infos > li:hover .result-block {
    display: block;
}

.result-block h2 {
    float: left;
    color: black;
}

.result-block div {
    margin-bottom: 1.667em;
}

    .result-block div:last-child {
        margin-bottom: 0;
    }
    /* IE class */
    .result-block div.last-child {
        margin-bottom: 0;
    }

.result-block .arrow {
    font-size: 0;
    line-height: 0;
    width: 0;
    position: absolute;
    z-index: 89;
    right: 20px;
    top: -5px;
    border-bottom: 5px solid #666666;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
}

    .result-block .arrow span {
        width: 0;
        position: absolute;
        z-index: 89;
        left: -2px;
        bottom: -5px;
        border-bottom: 4px solid white;
        border-left: 2px solid transparent;
        border-right: 2px solid transparent;
    }

.result-block .results-count {
    float: right;
    text-transform: uppercase;
    color: #b0b0b0;
    font-size: 0.75em;
    white-space: nowrap;
    margin-left: 1em;
}

    .result-block .results-count strong {
        color: #999999;
    }

.result-block ul {
    clear: both;
}

    .result-block ul li {
        white-space: nowrap;
    }

.search-more,
.search-less {
    display: block;
    color: #999999;
    font-size: 0.75em;
    text-transform: uppercase;
    padding: 0.333em 0;
    text-align: center;
    background: url(../images/old-browsers-bg/search-more-shadow.png) no-repeat center bottom;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient( top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0) ), -moz-linear-gradient( left, #ffffff, #ebebeb 50%, #ffffff );
    background: -webkit-gradient( linear, left top, left bottom, from(rgba(255, 255, 255, 1)), to(rgba(255, 255, 255, 0)) ), -webkit-gradient( linear, left top, right top, from(#ffffff), to(#ffffff), color-stop(0.5, #ebebeb) );
}

    .search-more:hover,
    .search-less:hover {
        color: #3399cc;
    }

ul + .search-more,
ul + .search-less {
    margin-top: -1.333em;
}

ul.small-pagination + .search-more,
ul.small-pagination + .search-less {
    margin-top: -0.667em;
}

.search-more:before {
    content: url(../images/search-more-arrow.png);
    padding-right: 0.556em;
}

.search-more:hover:before {
    content: url(../images/search-more-arrow-hover.png);
}

.search-more:after {
    content: url(../images/search-more-arrow.png);
    padding-left: 0.556em;
}

.search-more:hover:after {
    content: url(../images/search-more-arrow-hover.png);
}

.search-less:before {
    content: url(../images/search-less-arrow.png);
    padding-right: 0.556em;
}

.search-less:hover:before {
    content: url(../images/search-less-arrow-hover.png);
}

.search-less:after {
    content: url(../images/search-less-arrow.png);
    padding-left: 0.556em;
}

.search-less:hover:after {
    content: url(../images/search-less-arrow-hover.png);
}

.result-block hr {
    height: 1px;
    line-height: 1px;
    border: 0;
    margin-top: 0;
    clear: both;
    background: #ffffff url(../images/old-browsers-bg/search-sep-bg.png) repeat-y left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient( left, #ffffff, #cccccc 50%, #ffffff );
    background: -webkit-gradient( linear, left top, right top, from(#ffffff), to(#ffffff), color-stop(0.5, #cccccc) );
}

.result-block .result-info {
    background: #333333;
    color: white;
    padding: 0.417em 0.75em 0.583em;
    margin: 0 -1em -1em -1em;
    -moz-border-radius: 0 0 0.5em 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0 0 0.5em 0.5em;
    white-space: nowrap;
}

    .result-block .result-info a {
        color: #77ccff;
    }

.result-block .arrow:first-child + .result-info:last-child {
    margin-top: -1em;
    border-top: 1px solid #999999;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -webkit-background-clip: padding-box;
    border-radius: 0.5em;
}
/* IE class */
.result-block .result-info.first-last-child {
    margin-top: -1em;
    border-top: 1px solid #999999;
}

.result-block div + .result-info,
.result-block p + .result-info,
.result-block ul + .result-info {
    margin-top: -0.5em;
}

.result-block .result-info.loading {
    padding-left: 2.667em;
    background: #333333 url(../images/table-loader.gif) no-repeat 0.75em center;
}

/***************** Search block *****************/
#search-form {
    display: inline;
    position: relative;
    z-index: 91;
}

/********** Always visible control bar **********/
#control-bar {
    padding: 1em 0;
    text-align: center;
}

    #control-bar.grey-bg {
        border-bottom: 1px solid #efefef;
        border-bottom: 1px solid rgba(255, 255, 255, 0.65);
        background: url(../images/old-browsers-bg/control-bar-bg.png) repeat-x;
        -webkit-background-size: 100% 100%;
        -moz-background-size: 100% 100%;
        -o-background-size: 100% 100%;
        background-size: 100% 100%;
        background: -moz-linear-gradient( top, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1) );
        background: -webkit-gradient( linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.1)) );
        -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
        -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
        box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.35);
    }

#cb-place-holder {
    display: none;
}

#control-bar.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    z-index: 999950;
    background: url(../images/old-browsers-bg/black50.png);
    background: rgba(0, 0, 0, 0.5);
}

    #control-bar.fixed.grey-bg {
        border: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -webkit-background-clip: padding-box;
        border-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

/**************** Standard block ****************/
article {
    margin-top: 3em;
}

#control-bar + article,
#cb-place-holder + article {
    margin-top: 2em;
}

.block-content h1,
.block-content .h1 {
    background: #03406A;
    color: #FFF;
    position: absolute;
    left: 0.5em;
    top: -0.444em;
    margin: 0;
    z-index: 100;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 0.278em;
    -webkit-border-radius: 0.278em;
    -webkit-background-clip: padding-box;
    border-radius: 0.278em;
}
/* IE class */
.ie .block-content h1,
.ie .block-content .h1 {
    padding: 0.333em 0.444em;
}

.block-content .h1 h1 {
    position: relative;
    left: 0;
    top: 0;
    z-index: 1;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
    padding: 0;
}

.block-content h1 > a,
.block-content .h1 > a {
    display: block;
    position: absolute;
    top: -1px;
    left: 100%;
    margin-left: 0.5em;
    font-size: 0.778em;
    text-transform: uppercase;
    color: #cccccc;
    border: 1px solid;
    border-color: #7e9098 #61727b #2b373d;
    background: #40535c url(../images/old-browsers-bg/title-link-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient( top, white, #9eb1ba 4%, #40535c );
    background: -webkit-gradient( linear, left top, left bottom, from(white), to(#40535c), color-stop(0.03, #9eb1ba) );
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -moz-border-radius: 0.286em;
    -webkit-border-radius: 0.286em;
    -webkit-background-clip: padding-box;
    border-radius: 0.286em;
    line-height: 1.143em;
    padding: 0.5em 0.571em;
    white-space: nowrap;
}
/* IE class */
.ie7 .block-content h1 > a,
.ie7 .block-content .h1 > a {
    padding: 0.429em 0.571em;
}

.block-content h1 > a:hover,
.block-content .h1 > a:hover {
    color: white;
    border-color: #1eafdc #1193d5 #035592;
    background: #057fdb url(../images/old-browsers-bg/title-link-hover-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient( top, white, #2bcef3 4%, #057fdb );
    background: -webkit-gradient( linear, left top, left bottom, from(white), to(#057fdb), color-stop(0.03, #2bcef3) );
}

.block-content h1 > a img,
.block-content .h1 > a img {
    margin-bottom: -3px;
}

.red .block-content h1 > a:hover,
.red .block-content .h1 > a:hover,
.block-content.red h1 > a:hover,
.block-content.red .h1 > a:hover,
.block-content .red h1 > a:hover,
.block-content .red .h1 > a:hover,
.block-content h1.red > a:hover,
.block-content .h1.red > a:hover {
    border-color: #c24949 #9d3d3d #590909;
    background: #9d0404 url(../images/old-browsers-bg/button-element-red-hover-bg.png) repeat-x top;
    background: -moz-linear-gradient( top, white, #fe6565 4%, #9d0404 );
    background: -webkit-gradient( linear, left top, left bottom, from(white), to(#9d0404), color-stop(0.03, #fe6565) );
}

.block-content {
    padding-top: 2.833em;
}

    .block-content.no-title {
        padding-top: 1.667em;
    }

    .block-content.no-padding.no-title {
        padding-top: 0;
    }

/***************** Block header *****************/
.block-header {
    font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Sans", Arial, Helvetica, sans-serif;
}

.block-content .block-header:first-child,
.block-content h1:first-child + .block-header,
.block-content .h1:first-child + .block-header {
    margin-top: -1.417em;
}
/* IE class */
.block-content .block-header.first-child,
.block-content .block-header.after-h1 {
    margin-top: -1.417em;
}

.block-content.no-title .block-header:first-child {
    margin-top: -0.833em;
}
/* IE class */
.block-content.no-title .block-header.first-child {
    margin-top: -0.833em;
}

.block-content.no-padding .block-header:first-child {
    margin-top: 0;
}
/* IE class */
.block-content.no-padding .block-header.first-child {
    margin-top: 0;
}

/***************** Wizard tweak *****************/
.block-content .wizard-steps:first-child,
.block-content h1:first-child + .wizard-steps,
.block-content .h1:first-child + .wizard-steps {
    margin-top: -2.833em;
    -moz-border-radius: 0.167em 0.167em 0 0;
    -webkit-border-top-left-radius: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-radius: 0.167em 0.167em 0 0;
}
/* IE class */
.block-content .wizard-steps.first-child,
.block-content .wizard-steps.after-h1 {
    margin-top: -2.833em;
}

.block-content.no-title .wizard-steps:first-child {
    margin-top: -1.667em;
}
/* IE class */
.block-content.no-title .wizard-steps.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .wizard-steps:first-child {
    margin-top: 0;
}
/* IE class */
.block-content.no-padding .wizard-steps.first-child {
    margin-top: 0;
}

/**************** Block controls ****************/
.block-content .block-controls:first-child,
.block-content h1:first-child + .block-controls,
.block-content .h1:first-child + .block-controls {
    margin-top: -2.833em;
    -moz-border-radius-topleft: 0.2em;
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-left-radius: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-left-radius: 0.2em;
    border-top-right-radius: 0.2em;
}
/* IE class */
.block-content .block-controls.first-child,
.block-content .block-controls.after-h1 {
    margin-top: -2.833em;
}

.block-content.no-title .block-controls:first-child {
    margin-top: -1.667em;
}
/* IE class */
.block-content.no-title .block-controls.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .block-controls:first-child {
    margin-top: 0;
}
/* IE class */
.block-content.no-padding .block-controls.first-child {
    margin-top: 0;
}

.block-content .block-controls:first-child ul.controls-tabs li:last-child a,
.block-content h1:first-child + .block-controls ul.controls-tabs li:last-child a,
.block-content .h1:first-child + .block-controls ul.controls-tabs li:last-child a {
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-right-radius: 0.2em;
}
/* IE class */
.block-content .block-controls.first-child ul.controls-tabs li.last-child a,
.block-content .block-controls.after-h1 ul.controls-tabs li.last-child a {
    -moz-border-radius-topright: 0.2em;
    -webkit-border-top-right-radius: 0.2em;
    border-top-right-radius: 0.2em;
}

.block-content.no-padding .block-controls:last-child {
    -moz-border-radius-bottomleft: 0.2em;
    -moz-border-radius-bottomright: 0.2em;
    -webkit-border-bottom-left-radius: 0.2em;
    -webkit-border-bottom-right-radius: 0.2em;
    border-bottom-left-radius: 0.2em;
    border-bottom-right-radius: 0.2em;
}

/****************** Action tabs *****************/
.action-tabs {
    position: absolute;
    z-index: 89;
    right: 100%;
    width: 3em;
    overflow: hidden;
    padding-top: 2em;
}

.block-border > .action-tabs,
.block-content > .action-tabs {
    margin-right: 1px;
}

.action-tabs.right {
    right: auto;
    left: 100%;
}

.block-border > .action-tabs.right,
.block-content > .action-tabs.right {
    margin-right: 0;
    margin-left: 1px;
}

.action-tabs li {
    float: right;
    width: 1.5em;
    padding: 0.667em 0.417em 0.667em 0.667em;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0.5em 0 0 0.5em;
    background: url(../images/old-browsers-bg/white20.png);
    background: rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    margin: 0 -0.167em 0.5em 0;
    -moz-transition: all 300ms;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

.action-tabs.right li {
    float: left;
    padding: 0.667em 0.667em 0.667em 0.417em;
    margin: 0 0 0.5em -0.167em;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    border-radius: 0 0.5em 0.5em 0;
    text-align: right;
}

.action-tabs li:hover {
    margin-right: 0;
    -moz-transition: all 100ms;
    -webkit-transition: all 100ms;
    -o-transition: all 100ms;
    transition: all 100ms;
}

.action-tabs.right li:hover {
    margin-left: 0;
}

.action-tabs li a {
    display: block;
    margin: -0.667em -0.5em -0.667em -0.667em;
    padding: 0.583em 0.5em 0.583em 0.583em;
    border: 0.083em solid;
    border-color: #c8cacc white #777a7d #aeb0b4;
    border-right: 0;
    -moz-border-radius: 0.5em 0 0 0.5em;
    -webkit-border-top-left-radius: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    border-radius: 0.5em 0 0 0.5em;
    background: #9a9ea3 url(../images/old-browsers-bg/action-tab-bg.png) repeat-x top;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient( top, #82858b, #9a9ea3 );
    background: -webkit-gradient( linear, left top, left bottom, from(#82858b), to(#9a9ea3) );
}

.action-tabs.right li a {
    margin: -0.667em -0.667em -0.667em -0.5em;
    padding: 0.583em 0.583em 0.583em 0.5em;
    border-left: 0;
    border-right: 0.083em solid;
    border-color: #c8cacc #77797e #777a7d white;
    -moz-border-radius: 0 0.5em 0.5em 0;
    -webkit-border-top-left-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-top-right-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    border-radius: 0 0.5em 0.5em 0;
    text-align: right;
}

.action-tabs li:hover a {
    border-color: #dcddde white #999a9d #cfd0d3;
    background: #c7c9cd url(../images/old-browsers-bg/action-tab-hover-bg.png) repeat-x top;
    background: -moz-linear-gradient( top, #afb0b4, #c7c9cd );
    background: -webkit-gradient( linear, left top, left bottom, from(#afb0b4), to(#c7c9cd) );
}

.action-tabs.right li:hover a {
    border-color: #dcddde #9b9da0 #999a9d white;
}

/****************** Messages ********************/
.message {
    margin-bottom: 2.5em;
}

section .message {
    margin-bottom: 1.667em;
}

/**************** Content columns ***************/
.content-columns {
    position: relative;
    z-index: 89;
    margin: 0 -1.417em;
}

    .content-columns:last-child {
        margin-bottom: -1.667em;
    }
    /* IE class */
    .content-columns.last-child {
        margin-bottom: -1.667em;
    }

.block-controls + .content-columns {
    margin-top: -1.667em;
}

.block-content.no-title .content-columns:first-child {
    margin-top: -1.667em;
}
/* IE class */
.block-content.no-title .content-columns.first-child {
    margin-top: -1.667em;
}

.block-content.no-padding .content-columns:first-child {
    margin-top: 0;
}
/* IE class */
.block-content.no-padding .content-columns.first-child {
    margin-top: 0;
}

.content-left {
    float: left;
    width: 50%;
    margin-left: -0.25em;
}

.content-right {
    float: right;
    width: 50%;
    margin-right: -0.25em;
}

.content-columns .content-columns-sep {
    position: absolute;
    z-index: 88;
    top: 0;
    bottom: 0;
    width: 0.417em;
    left: 50%;
    margin-left: -0.25em;
    background: #c4c4c4 url(../images/old-browsers-bg/content-columns-sep-bg.png) repeat-y left;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    background: -moz-linear-gradient( left, #e6e6e6, #c4c4c4 );
    background: -webkit-gradient( linear, left top, right top, from(#e6e6e6), to(#c4c4c4) );
    border-left: 0.1em solid #999999;
    border-right: 0.1em solid #999999;
}

/* Left column of 30% */
.content-columns.left30 .content-left {
    width: 30%;
}

.content-columns.left30 .content-right {
    width: 70%;
}

.content-columns.left30 .content-columns-sep {
    left: 30%;
}

/* right column of 30% */
.content-columns.right30 .content-left {
    width: 70%;
}

.content-columns.right30 .content-right {
    width: 30%;
}

.content-columns.right30 .content-columns-sep {
    left: 70%;
}

.content-columns .message {
    margin: 0 !important;
    border-width: 1px 0;
}

    .content-columns .message:last-child {
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -webkit-background-clip: padding-box;
        border-radius: 0;
        border-bottom: 0;
    }
    /* IE class */
    .content-columns .message.last-child {
        margin-bottom: 0;
        border-bottom: 0;
    }

.content-columns:last-child .content-left > :last-child {
    -moz-border-radius-bottomleft: 0.167em;
    -webkit-border-bottom-left-radius: 0.167em;
    border-bottom-left-radius: 0.167em;
}

.content-columns:last-child .content-right > :last-child {
    -moz-border-radius-bottomright: 0.167em;
    -webkit-border-bottom-right-radius: 0.167em;
    border-bottom-right-radius: 0.167em;
}

.block-content.no-title .content-columns:first-child .content-left > :first-child {
    -moz-border-radius-topleft: 0.167em;
    -webkit-border-top-left-radius: 0.167em;
    border-top-left-radius: 0.167em;
}

.block-content.no-title .content-columns:first-child .content-right > :last-child {
    -moz-border-radius-topright: 0.167em;
    -webkit-border-top-right-radius: 0.167em;
    border-top-right-radius: 0.167em;
}

/**************** Drop-down menu ****************/
.with-menu,
.menu-opener {
    padding-right: 1.75em;
    position: relative;
    z-index: 98;
}
/* IE class */
.ie .block-content .with-menu,
.ie .block-content .menu-opener {
    padding-right: 1.75em;
}

.with-menu:hover,
.menu-opener:hover {
    z-index: 99;
}

.menu-opener > a {
    position: relative;
    z-index: 100;
    color: inherit;
}

    .menu-opener > a:hover {
        color: #39c;
    }

        .menu-opener > a:hover ~ .menu > ul {
            display: block;
        }

.button.with-menu, .button.menu-opener,
.form legend.with-menu, .form legend.menu-opener,
.mini-menu.with-menu, .mini-menu.menu-opener {
    padding-right: 2.25em;
}
/* IE class */
.ie .block-content .button.with-menu,
.ie .block-content .button.menu-opener,
.ie .block-content .mini-menu.with-menu,
.ie .block-content .mini-menu.menu-opener {
    padding-right: 2.25em;
}

.menu,
.menu-opener .menu-arrow {
    position: absolute;
    z-index: 99;
    top: 0;
    right: 0;
    bottom: 0;
    font-weight: normal;
    line-height: 1.25em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.with-menu .menu,
.menu-opener .menu-arrow {
    width: 1.75em;
    background: url(../images/menu-border.png) no-repeat left center;
    background-size: 2px 100%;
    -moz-background-size: 2px 100%;
    -webkit-background-size: 2px 100%;
}

.menu-opener .menu {
    left: 0;
    background: url(../images/trans.png);
}

.with-menu .menu > img,
.menu-opener .menu-arrow > img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -7px;
}

.menu ul {
    position: absolute;
    z-index: 999910;
    top: 100%;
    left: 1px;
    background: #cccccc url(../images/menu-bg.png) repeat-y;
    border: 1px solid white;
    padding: 0.25em 0;
    margin: 0;
    width: 15em;
    display: none;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-border-radius: 0 0.25em 0.25em 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-left-radius: 0;
    border-radius: 0 0.25em 0.25em 0.25em;
}

.menu-opener .menu > ul {
    left: -1px;
}

.menu ul.reverted {
    -moz-border-radius: 0.25em 0 0.25em 0.25em;
    -webkit-border-radius: 0.25em;
    -webkit-background-clip: padding-box;
    -webkit-border-top-right-radius: 0;
    border-radius: 0.25em 0 0.25em 0.25em;
}

.menu > ul.reverted {
    left: auto;
    right: 1px;
}

.menu-opener .menu > ul.reverted {
    right: -1px;
}

.menu:hover > ul,
.menu :hover > ul {
    display: block;
}

.menu ul li ul {
    display: block;
    top: 0.6em;
    left: 94%;
    width: 4px;
    height: 6px;
    border: none;
    background: url(../images/menu-arrow.png) no-repeat;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -webkit-background-clip: padding-box;
    border-radius: 0;
}

    .menu ul li ul li {
        display: none;
    }

.menu ul li:hover > ul {
    top: -0.167em;
    left: 98%;
    width: 15em;
    height: auto;
    border: 1px solid white;
    background: #cccccc url(../images/menu-bg.png) repeat-y;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
}

    .menu ul li:hover > ul.reverted {
        left: auto;
        right: 98%;
    }

    .menu ul li:hover > ul > li {
        display: block;
    }

.menu ul li {
    position: relative;
    z-index: 999911;
    padding: 0.333em 0.833em 0.417em 35px;
    margin: 0;
    color: #999999;
    -moz-text-shadow: 1px 1px 0 white;
    -webkit-text-shadow: 1px 1px 0 white;
    text-shadow: 1px 1px 0 white;
    background-repeat: no-repeat;
    background-position: 5px 3px;
}
/* IE class */
.ie7 .menu > ul > li,
.ie7 .menu ul li:hover > ul > li {
    display: inline-block;
    padding-left: 0;
    padding-right: 0;
    text-indent: 35px;
}

.menu ul li.sep {
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 2px 0;
    border-top: 1px solid #adadad;
    border-bottom: 1px solid white;
}
/* IE class */
.ie7 .menu ul li.sep {
    z-index: 999910;
}

.menu ul li a {
    display: block;
    margin: -0.333em -0.833em -0.417em -9px;
    padding: 0.333em 0.833em 0.417em 9px;
    color: #1e343f;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}
/* IE class */
.ie7 .menu ul li a {
    margin-right: 0;
    margin-left: 26px;
    text-indent: 0;
}

.menu ul li:hover {
    z-index: 999912;
    background-color: #c0c0c0;
}

.menu ul li.sep:hover {
    z-index: 999911;
}

.menu ul li:hover > a {
    background: #4d4d4d;
    color: white;
}

.menu .icon_address {
    background-image: url(../images/icons/fugue/address-book.png);
}

.menu .icon_alarm {
    background-image: url(../images/icons/fugue/alarm-clock-blue.png);
}

.menu .icon_blog {
    background-image: url(../images/icons/fugue/application-blog.png);
}

.menu .icon_terminal {
    background-image: url(../images/icons/fugue/application-terminal.png);
}

.menu .icon_battery {
    background-image: url(../images/icons/fugue/battery-full.png);
}

.menu .icon_building {
    background-image: url(../images/icons/fugue/building.png);
}

.menu .icon_calendar {
    background-image: url(../images/icons/fugue/calendar-day.png);
}

.menu .icon_cards {
    background-image: url(../images/icons/fugue/cards-address.png);
}

.menu .icon_chart {
    background-image: url(../images/icons/fugue/chart.png);
}

.menu .icon_computer {
    background-image: url(../images/icons/fugue/computer.png);
}

.menu .icon_database {
    background-image: url(../images/icons/fugue/database.png);
}

.menu .icon_delete {
    background-image: url(../images/icons/fugue/cross-circle.png);
}

.menu .icon_doc_excel {
    background-image: url(../images/icons/fugue/document-excel.png);
}

.menu .icon_doc_pdf {
    background-image: url(../images/icons/fugue/document-pdf.png);
}

.menu .icon_doc_csv {
    background-image: url(../images/icons/fugue/document-excel-csv.png);
}

.menu .icon_doc_image {
    background-image: url(../images/icons/fugue/document-image.png);
}

.menu .icon_doc_web {
    background-image: url(../images/icons/fugue/document-globe.png);
}

.menu .icon_down {
    background-image: url(../images/icons/fugue/arrow-270.png);
}

.menu .icon_edit {
    background-image: url(../images/icons/fugue/pencil.png);
}

.menu .icon_film {
    background-image: url(../images/icons/fugue/film.png);
}

.menu .icon_security {
    background-image: url(../images/icons/fugue/hard-hat.png);
}

.menu .icon_images {
    background-image: url(../images/icons/fugue/images.png);
}

.menu .icon_mail {
    background-image: url(../images/icons/fugue/mail.png);
}

.menu .icon_monitor {
    background-image: url(../images/icons/fugue/monitor.png);
}

.menu .icon_newspaper {
    background-image: url(../images/icons/fugue/newspaper.png);
}

.menu .icon_search {
    background-image: url(../images/icons/fugue/magnifier.png);
}

.menu .icon_network {
    background-image: url(../images/icons/fugue/globe-network.png);
}

.menu .icon_server {
    background-image: url(../images/icons/fugue/server.png);
}

.menu .icon_export {
    background-image: url(../images/icons/fugue/application-export.png);
}

.menu .icon_refresh {
    background-image: url(../images/icons/fugue/arrow-circle.png);
}

.menu .icon_reset {
    background-image: url(../images/icons/fugue/counter-reset.png);
}

.menu .icon_up {
    background-image: url(../images/icons/fugue/arrow-090.png);
}

nav > ul > li > ul > li.with-menu,
nav > ul > li > ul > li.menu-opener {
    padding-right: 2.3em;
}

    nav > ul > li > ul > li.with-menu > a,
    nav > ul > li > ul > li.menu-opener > a {
        -moz-border-radius-topright: 0;
        -moz-border-radius-bottomright: 0;
        -webkit-border-top-right-radius: 0;
        -webkit-border-bottom-right-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        padding-right: 0.8em;
    }

    nav > ul > li > ul > li.with-menu .menu,
    nav > ul > li > ul > li.menu-opener .menu-arrow {
        width: 1.75em;
        font-size: 1.2em;
        height: 1.834em; /* Chrome 5 is one pixel short with 0.833, dunno why... */
        line-height: 1.833em;
        text-transform: none;
        top: 1px;
        right: 1px;
        -moz-border-radius-topright: 0.3em;
        -moz-border-radius-bottomright: 0.3em;
        -webkit-border-top-right-radius: 0.3em;
        -webkit-border-bottom-right-radius: 0.3em;
        border-top-right-radius: 0.3em;
        border-bottom-right-radius: 0.3em;
    }

    nav > ul > li > ul > li.menu-opener .menu {
        font-size: 1.2em;
        line-height: 1.25em;
        text-transform: none;
    }

    nav > ul > li > ul > li.with-menu.current .menu,
    nav > ul > li > ul > li.menu-opener.current .menu-arrow {
        -moz-border-radius-bottomright: 0;
        -webkit-border-bottom-right-radius: 0;
        border-bottom-right-radius: 0;
        background: none !important;
        height: 2.333em;
        line-height: 2.333em;
        border-left: 1px solid #ccc;
    }

        nav > ul > li > ul > li.with-menu.current .menu:hover,
        nav > ul > li > ul > li.menu-opener.current .menu-arrow:hover {
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    nav > ul > li > ul > li.with-menu .menu > img,
    nav > ul > li > ul > li.menu-opener .menu-arrow > img {
        margin-top: -9px;
        margin-left: -8px;
    }

    nav > ul > li > ul > li.with-menu .menu > ul {
        line-height: 1.2em;
        left: -1px;
    }

nav > ul > li > ul > li .menu > ul,
nav > ul > li > ul > li .menu ul li:hover > ul {
    background-image: url(../images/main-menu-bg.png);
    background-color: #1c1e20;
    border-color: #b3b3b3;
}

nav > ul > li > ul > li .menu ul li {
    color: #666666;
    -moz-text-shadow: none;
    -webkit-text-shadow: none;
    text-shadow: none;
}

    nav > ul > li > ul > li .menu ul li a {
        color: white;
    }

    nav > ul > li > ul > li .menu ul li.sep {
        border-top-color: black;
        border-bottom-color: #666666;
    }

.block-content h1.with-menu,
.block-content .h1.with-menu,
.block-content h1.menu-opener,
.block-content .h1.menu-opener {
    padding-right: 1.667em;
}

.block-content h1 .menu,
.block-content .h1 .menu {
    font-size: 0.667em;
    -moz-border-radius: 0 0.278em 0.278em 0;
    -webkit-border-top-right-radius: 0.278em;
    -webkit-border-bottom-right-radius: 0.278em;
    border-radius: 0 0.278em 0.278em 0;
}

.ie .block-content h1 .menu,
.ie .block-content .h1 .menu {
    background: url(../images/trans.png);
}

.block-content h1 .menu:hover,
.block-content .h1 .menu:hover {
    background: url(../images/menu-border.png) no-repeat left center, -moz-linear-gradient( top, white, #2bcef3 5%, #057fdb );
    background: url(../images/menu-border.png) no-repeat left center, -webkit-gradient( linear, left top, left bottom, from(white), to(#057fdb), color-stop(0.05, #2bcef3) );
}

.block-content h1.menu-opener .menu:hover,
.block-content .h1.menu-opener .menu:hover {
    background: none;
}

.block-content h1 .menu-arrow,
.block-content .h1 .menu-arrow {
    font-size: 0.667em;
}

.block-content h1 .menu > ul,
.block-content h1 .menu ul li:hover > ul,
.block-content .h1 .menu > ul,
.block-content .h1 .menu ul li:hover > ul {
    background-image: url(../images/h1-menu-bg.png);
    background-color: #006699;
    border-color: #99ccff;
}

.block-content h1 .menu ul li,
.block-content .h1 .menu ul li {
    color: #3399cc;
    -moz-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}

    .block-content h1 .menu ul li a,
    .block-content .h1 .menu ul li a {
        color: white;
    }

    .block-content h1 .menu ul li:hover,
    .block-content .h1 .menu ul li:hover {
        background-color: #70b7db;
        -moz-text-shadow: none;
        -webkit-text-shadow: none;
        text-shadow: none;
    }

        .block-content h1 .menu ul li:hover > a,
        .block-content .h1 .menu ul li:hover > a {
            background-color: #004a6f;
        }

    .block-content h1 .menu ul li.sep,
    .block-content .h1 .menu ul li.sep {
        border-top-color: #004a6f;
        border-bottom-color: #84c8e1;
    }

    .block-content h1 .menu ul li ul,
    .block-content .h1 .menu ul li ul {
        background-image: url(../images/menu-arrow-white.png);
    }

.button.with-menu .menu:hover,
.button.menu-opener:hover .menu-arrow {
    background: url(../images/menu-border.png) no-repeat left center, -moz-linear-gradient( top, #dff3fc, #98d2f3 );
    background: url(../images/menu-border.png) no-repeat left center, -webkit-gradient( linear, left top, left bottom, from(#dff3fc), to(#98d2f3) );
}

#contextMenu.menu {
    top: 0;
    left: 0;
    bottom: auto;
    width: 0;
    display: none;
    padding: 1em;
    margin: -1em 0 0 -1em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    -webkit-background-clip: padding-box;
    border-radius: 1em;
    background: rgba(255, 255, 255, 0.5);
}

    #contextMenu.menu > ul {
        display: block;
        top: 50%;
        left: 50%;
    }

/***************** Notifications ****************/
#notifications {
    position: fixed;
    z-index: 999990;
    top: 1em;
    right: 1em;
    width: 20em;
}

    #notifications li {
        position: relative;
        background: url(../images/old-browsers-bg/black80.png);
        background: rgba(0, 0, 0, 0.8);
        padding: 1.25em;
        color: white;
        margin-bottom: 1em;
        -moz-border-radius: 0.417em;
        -webkit-border-radius: 0.417em;
        -webkit-background-clip: padding-box;
        border-radius: 0.417em;
        -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    }

/********************* Footer *******************/
footer {
    text-align: center;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    bottom: 0;
}

    footer .float-left,
    footer .float-right {
        position: absolute;
        bottom: 0;
    }

    footer .float-left {
        left: 0;
    }

    footer .float-right {
        right: 0;
    }

        footer .float-left .button,
        footer .float-right .button {
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -webkit-background-clip: padding-box;
            border-radius: 0;
            margin: 0;
            display: block;
            float: left;
            border-bottom: 0;
        }

            footer .float-left .button:first-child {
                border-left: 0;
            }
            /* IE class */
            footer .float-left .button.first-child {
                border-left: 0;
            }

            footer .float-left .button:last-child {
                -moz-border-radius-topright: 0.417em;
                -webkit-border-top-right-radius: 0.417em;
                border-top-right-radius: 0.417em;
            }

            footer .float-right .button:last-child {
                border-right: 0;
            }
            /* IE class */
            footer .float-right .button.last-child {
                border-right: 0;
            }

            footer .float-right .button:first-child {
                -moz-border-radius-topleft: 0.417em;
                -webkit-border-top-left-radius: 0.417em;
                border-top-left-radius: 0.417em;
            }

/****************** Modal window ****************/
#modal {
    background: url(../images/old-browsers-bg/black50.png);
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999980;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.modal-window {
    position: absolute;
    left: 0;
    top: 0;
    -moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.75);
}

.modal-content {
    overflow: hidden;
    margin: -2.833em -1.667em -1.667em;
    padding: 2.833em 1.667em 1.667em;
}

.no-title .modal-content {
    margin-top: -1.667em;
    padding-top: 1.667em;
}

.modal-content + .block-footer {
    margin-top: 1.667em;
}

.modal-content.modal-scroll {
    overflow: auto;
}

#modal > .block-border > .block-content {
    z-index: 90;
}

#modal h1 {
    cursor: move;
    -webkit-user-select: none;
    -moz-user-select: none;
}

.modal-iframe-wrapper {
    margin: -2.833em -1.667em -1.667em;
}

.no-title .modal-iframe-wrapper {
    margin-top: -1.667em;
}

.modal-iframe-wrapper + .block-footer {
    margin-top: 1.667em;
}

iframe.modal-content {
    overflow: auto;
    padding: 0;
    margin: 0;
}

.no-title iframe.modal-content {
    margin-top: 0;
    padding-top: 0;
}

.modal-loading {
    background: url(../images/arbo-loader.gif) no-repeat center 3em;
    height: 4em;
    padding-top: 4.5em;
    color: #999999;
    text-align: center;
}

#modal .block-border > .action-tabs.right {
    padding-top: 1em;
}

#modal .block-content > .action-tabs.right {
    padding-top: 0;
    margin-top: -2em;
}

/* Resizing zones */
.modal-resize-tl,
.modal-resize-t,
.modal-resize-tr,
.modal-resize-r,
.modal-resize-br,
.modal-resize-b,
.modal-resize-bl,
.modal-resize-l {
    background: url(../images/trans.png);
    position: absolute;
    z-index: 89;
}

.modal-resize-tl {
    top: 0;
    left: 0;
    width: 2em;
    height: 1em;
    cursor: nw-resize;
}

.modal-resize-t {
    top: 0;
    left: 2em;
    right: 2em;
    height: 1em;
    cursor: n-resize;
}

.modal-resize-tr {
    top: 0;
    right: 0;
    width: 2em;
    height: 1em;
    cursor: ne-resize;
}

.modal-resize-r {
    top: 1em;
    right: 0;
    width: 1em;
    bottom: 1em;
    cursor: e-resize;
}

.modal-resize-br {
    bottom: 0;
    right: 0;
    width: 2em;
    height: 1em;
    cursor: se-resize;
}

.modal-resize-b {
    bottom: 0;
    left: 2em;
    right: 2em;
    height: 1em;
    cursor: s-resize;
}

.modal-resize-bl {
    bottom: 0;
    left: 0;
    width: 2em;
    height: 1em;
    cursor: sw-resize;
}

.modal-resize-l {
    top: 1em;
    left: 0;
    width: 1em;
    bottom: 1em;
    cursor: w-resize;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
#control-bar:after,
.columns:after,
.content-columns:after,
article:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

#control-bar,
.columns,
.content-columns,
article {
    display: inline-block;
}

* html #control-bar,
* html .columns,
* html .content-columns,
* html article {
    height: 1%;
}

#control-bar,
.columns,
.content-columns,
article {
    display: block;
}


.content {
    margin: 0 auto;
    min-height: 400px;
    padding: 10px;
    width: 1000px;
}